<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blandes - About Us</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
</head>

<body class="responsive">
<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 current-menu-parent"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592 current-menu-item"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 "><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 "><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 current-menu-parent"><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603"><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>
<!-- end header -->
<section id="titlebar" class="titlebar">
  <div class="container">
    <div class="row-fluid">
      <h1 class="">About Us </h1>
      <div id="breadcrumbs"><span class="breadcrumb-title">You are Here :</span><span><a class="" href="#">Home</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span><a class="" href="#">Pages</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span>About Us</span></div>
    </div>
  </div>
</section>

<!-- Section post -->

<section class="section">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="span8">
          <div class="inner-content">
            <h3  class="textuppercase" style="margin-bottom:15px"><span>Welcome to Blandes</span></h3>
            <div class="hr border-tiny double-border"></div>
            <p>Lorem ipsum dolor sit amet, dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes Lid est laborum dolo rumes fugats untras.</p>
            <p>Nam aliquet rutrum eros eu mattis. Morbi tempus dapibus mattis. Aliquam arcu erat, pharetra vitae consectetur eu, pellentesque eget ipsum. Aliquam suscipit fringilla libero id luctus. Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing mi. Maecenas fermentum felis ac nibh auctor, id aliquam magna laoreet. Mauris et ligula ante. Aliquam volutpat congue scelerisque. Nam eget fringilla risus, vitae posuere nisl Vivamus pulvinar lobortis molestie. In at ligula faucibus, imperdiet massa eu, tempor ante. </p>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content">
            <h3 class="textuppercase" style="margin-bottom:15px"><span>Our Skills</span></h3>
            <div class="hr border-tiny double-border"></div>
            <div class="progress-wrap">
              <p class="bar-text">Jquery<strong>90%</strong></p>
              <div class="progress ">
                <div class="bar" data-value="90" ></div>
              </div>
            </div>
            <div class="progress-wrap">
              <p class="bar-text">HTML 5<strong>80%</strong></p>
              <div class="progress ">
                <div class="bar" data-value="80" ></div>
              </div>
            </div>
            <div class="progress-wrap">
              <p class="bar-text">Css 3<strong>95%</strong></p>
              <div class="progress ">
                <div class="bar" data-value="95" ></div>
              </div>
            </div>
            <div class="progress-wrap">
              <p class="bar-text">Photoshop<strong>85%</strong></p>
              <div class="progress ">
                <div class="bar" data-value="85" ></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section section-border-yes  section-bottom-padding-no section-medium-grey">
  <div class="container">
    <div class="row-fluid">
      <h2 class="textuppercase textcenter">Our Services <span class="special_amp">&amp;</span> Features</h2>
      <div class="hr aligncenter border-tiny double-border"></div>
      <div class="row-fluid">
        <div class="span8">
          <div class="">
            <div class="row-fluid style2">
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3> <span class="fontAwesomeIcon style3  "><i class="icon-tools"></i></span>Easy to configure</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3><span class="fontAwesomeIcon style3  "><i class="icon-mobile"></i></span>Ultra Responsive</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3> <span class="fontAwesomeIcon style3 "><i class="icon-leaf"></i></span> Out of box solution</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="inner-content">
                  <div class="feature_box  style1">
                    <h3> <span class="fontAwesomeIcon style3"><i class="icon-lifebuoy"></i></span> Awesome Features</h3>
                    <p>Accusantium quam ultricies eget temp aliqu eget nibh et Maecen aliqum risus at semper ullam risus at semper quam ultricies eget</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="span4">
          <div class="">
            <div class="gap large"></div>
            <div class="toggle style2" rel="1">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully Responsive layout</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Retina Ready</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully out of box solution</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Advance Admin Panel</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Easy to customize</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>500+ google font</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis</div>
            </div>
            <div class="toggle style2">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Packed with awesome features</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis</div>
            </div>
          </div>
        </div>
      </div>
      <div class="gap"></div>
      <div class="row-fluid style2">
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title"><span>2012</span>
              <p>When our compnay was founded</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title"><span>347</span>
              <p>Bottles of bear per month</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title"><span>20K</span>
              <p>Lines of code has been written</p>
            </div>
          </div>
        </div>
        <div class="span3">
          <div class="inner-content">
            <div class="counter-title"><span>80%</span>
              <p>Of our people use iphone</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section">
  <div class="container">
    <div class="row-fluid">
      <h2 class="textcenter textuppercase">Meet our team</h2>
      <div class="hr aligncenter border-tiny double-border large-margin"></div>
      <div class="row-fluid">
        <div class="span4">
          <div class="inner-content">
            <div class="person">
              <div class="image"> <img src="images/team.jpg" alt=""> </div>
              <div class="person-info">
                <h3>John Doe</h3>
                <h6>Developer</h6>
              </div>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis pellentesque cursus arcu</p>
              <ul class="social-icons">
                <li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
                <li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
                <li><a class="dribbble" href="#"><i class="icon-dribbble"></i></a></li>
                <li><a class="linkedin" href="#"><i class="icon-linkedin"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content">
            <div class="person">
              <div class="image"> <img src="images/team.jpg" alt=""> </div>
              <div class="person-info">
                <h3>Jane Doe</h3>
                <h6>Developer</h6>
              </div>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis pellentesque cursus arcu</p>
              <ul class="social-icons">
                <li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
                <li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
                <li><a class="dribbble" href="#"><i class="icon-dribbble"></i></a></li>
                <li><a class="vimeo" href="#"><i class="icon-vimeo"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content">
            <div class="person">
              <div class="image"> <img src="images/team.jpg" alt=""> </div>
              <div class="person-info">
                <h3>Jony Doe</h3>
                <h6>Developer</h6>
              </div>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis pellentesque cursus arcu</p>
              <ul class="social-icons">
                <li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
                <li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
                <li><a class="dribbble" href="#"><i class="icon-dribbble"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="gap"></div>
    </div>
  </div>
</section>
<section class="section section-border-yes section-grey">
  <div class="container">
    <div class="row-fluid ">
      <h2 class="textcenter textuppercase title"><span>Our Testimonials</span></h2>
      <div class="hr aligncenter double-border  border-tiny"></div>
      <div class="row-fluid style2 testimonial-grid bottom-margin-no">
        <div class="span6 testimonial-grid-item">
          <div class="inner-content  vertical-padding-large ">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sam Mandis" >
              <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing eli  Aene commodo ligula eget dolor aenean massa Nulla conse mass quis enim Donec pede justo In enim justo, rhoncus imperd  venenatis vitae justo. </blockquote>
              <div class="author-info"> <span class="name"> Sam mandis</span> <span class="divider">//</span> <span class="company"> CEO of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
        <div class="span6 testimonial-grid-item">
          <div class="inner-content  vertical-padding-large ">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sara Mandis" >
              <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing eli  Aene commodo ligula eget dolor aenean massa Nulla conse massa quis enim Donec pede justo In enim justo, rhoncus imperdiet  venenatis vitae</blockquote>
              <div class="author-info"> <span class="name"> Sara mandis</span> <span class="divider">//</span> <span class="company"> Director of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
      </div>
      <h6 class="title style3"><span>our clients</span></h6>
      <div class="gap small"></div>
      <div class="clients-wrapper">
        <ul class="clients carousel-items" data-columns="6" data-autoplay="false">
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
        </ul>
      </div>
      <div class="gap large"></div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="http://localhost/lautus/?p=2355" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2346" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="http://localhost/lautus/?p=2343" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div>
      <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="http://localhost/lautus/?feed=rss2" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>